<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/normalize.css" />
    <title>品牌介绍</title>
    <style>
      * {
        box-sizing: border-box;
      }

      body {
        background: #f2f2f2;
      }

      .header {
        background: #333;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
      }

      .header_list {
        width: 1080px;
        margin: 0 auto;
        height: 60px;
      }

      .header_item {
        color: #fff;
        text-decoration: none;
        margin-right: 30px;
        padding: 0 20px;
        line-height: 60px;
        display: inline-block;
      }

      .header_item:hover {
        background: #fff;
        color: #333;
      }

      .main {
        margin-top: 60px;
      }

      .main_banner {
        width: 100%;
        overflow: hidden;
      }

      .main_banner img {
        width: 100%;
        height: auto;
      }

      .main_title {
        text-align: center;
      }

      .main_title div {
        font-size: 18px;
        margin: 30px 0;
      }

      .main_img {
        width: 1080px;
        margin: 0 auto;
        overflow: hidden;
      }

      .main_img img {
        width: 50%;
        float: left;
      }

      .main_text {
        width: 1080px;
        padding: 50px;
        margin: 0 auto;
      }

      .main_text p {
        text-align: center;
      }

      .footer {
        background: #4c4c4c;
        line-height: 200px;
        text-align: center;
        color: #fff;
        font-size: 12px;
      }
    </style>
  </head>

  <body>
    <header class="header">
      <div class="header_list">
        <a href="./index.html" class="header_item">首页</a>
        <a href="./introduce.html" class="header_item">品牌介绍</a>
        <a href="./contact.html" class="header_item">联系我们</a>
      </div>
    </header>
    <main class="main">
      <div class="main_banner">
        <img src="./images/introduce.png" />
      </div>
      <div class="main_title">
        <h1>奥迪品牌介绍</h1>
        <div>----------introduce----------</div>
      </div>
      <div class="main_img">
        <img src="./images/introduce1.jpg" alt="" />
        <img src="./images/introduce2.jpg" alt="" />
        <img src="./images/introduce3.jpg" alt="" />
        <img src="./images/introduce4.jpg" alt="" />
      </div>
      <div class="main_text">
        <p>奥迪是德国历史最悠久的汽车制造商之一。</p>
        <p>
          奥迪以其高技术水平、高质量标准及高强劲动力的准则，秉承着进取，尊贵，动感三大核心价值，成为豪华汽车品牌的标志。
          奥迪，前瞻的安全思考与成熟的领跑技术，致力于打造人、车、生活有机互动的生态圈，为用户创造出更值得信赖的美好出行生活！
        </p>
        <p>从1932年起，奥迪开始采用四环徽标，它象征着奥迪与小奇迹(DKW)、霍希(Horch)和漫游者(Wanderer)合并成的汽车联盟公司。</p>
        <p>一直以来奥迪所表现出来的高技术水平、质量标准、创新能力、以及经典车型款式让其成为世界最成功的汽车品牌之一。</p>
        <p>让我们一同见证奥迪的传奇历史，了解奥迪的一切。</p>
      </div>
    </main>
    <footer class="footer">版权@奥迪官网 - by 婷</footer>
  </body>
</html>
